
<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>Diagnosis</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="Diagnosis" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<script src="diagnose.js"></script>
    <link href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
    $( function() {
	  $( "#date" ).datepicker();
	  $( "#dob" ).datepicker();
    } );
    </script>
	<!--// Meta tag Keywords -->

    <!-- Custom-Files -->
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="/resources/demos/style.css">
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //Custom-Files -->

	<!-- Web-Fonts -->
	<link href="//fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
	<link href="//fonts.googleapis.com/css?family=Mukta:200,300,400,500,600,700,800&amp;subset=devanagari,latin-ext" rel="stylesheet">
	<!-- //Web-Fonts -->
</head>

<body>
	<!-- main -->
	<div id="home">
			<div class="main-top">
					<div class="container">
						<div class="header d-md-flex justify-content-between align-items-center py-3">
							<!-- logo -->
							<div id="logo">
								<h1>
									<a href="homepage.html">Diagnosis</a>
								</h1>
							</div>
							<!-- //logo -->
							<!-- nav -->
							<div class="nav_w3ls">
								<nav>
									<label for="drop" class="toggle">Menu</label>
									<input type="checkbox" id="drop" />
									<ul class="menu">
										<li><a href="homepage.html">Home</a></li>
										<li class="mx-lg-4 mx-md-3 my-md-0 my-2"><a href="about.html" class="active">About Us</a></li>
										<li><a href="diagnose.html">Diagnose</a></li>
										<li class="mx-lg-4 mx-md-3 my-md-0 my-2"><a href="contact.html">Contact Us</a></li>
										<li><a href="index.html">Logout</a></li>
									</ul>
								</nav>
							</div>
							<!-- //nav -->
						</div>
					</div>
				</div>
				<!-- //second header -->
		
				<!-- banner -->
				<div class="main-banner-2">
		
				</div>
				<!-- //banner -->
			</div>
			<!-- //main -->
		
			<!-- page details -->
			<div class="breadcrumb-agile py-1">
				<ol class="breadcrumb m-0">
					<li class="breadcrumb-item">
						<a href="homepage.html">Home</a>
					</li>
					<li class="breadcrumb-item active" aria-current="page">Diagnose</li>
				</ol>
			</div>
			<!-- //page details -->


	<!-- login -->
	<section class="logins py-5">
		<div class="container py-xl-5 py-lg-3">
			<div class="title-section mb-md-5 mb-4">
				<h3 class="w3ls-title text-uppercase text-dark font-weight-bold">Diagnose Disease</h3>
			</div>
			<div class="login px-sm-5 mx-auto mw-100 login-wrapper">
				<form class="login-wrapper" id="diagnose-form">
					<div class="form-group">
						<select name="disease" class="form-control" id="disease" >
							<option value="" disabled selected>Select a Disease</option>
							<option value="spiral">Parkinsons Spiral</option>
							<option value="wave">Parkinsons Wave</option>
							<option value="cancer">Breast Cancer</option>
							<option value="malaria">Malaria</option>
						</select>
					</div>
					<div class="form-group">
						<input type="text" class="form-control" name="patient-name" id="fname" placeholder="Patient First Name" required>
					</div>
					<div class="form-group">
						<input type="text" class="form-control" name="patient-name" id="lname" placeholder="Patient Last Name" required>
					</div>
					<div class="form-group">
						<input type="text" class="form-control" name="dob" id="insuranceID" placeholder="Insurance ID" required="">
					</div>
					<div class="form-group">
						<input type="text" class="form-control" name="city" id="city" placeholder="City" required="">
					</div>
					<div class="form-group">
						<input type="text" class="form-control" name="dob" id="dob" placeholder="Date of Birth" required="">
					</div>
					<div class="form-group">
						<input class="form-control" type="text" id="date" placeholder="Date">
					</div>
					<div class="form-group">
						<input type="file" id="real-file" hidden="hidden" onchange="Changed(event)"/>
						<button type="button" class="btn" id="upload-button" onclick="Upload()">Select Image</button>
						<span id="custom-text" text="muted">No image chosen, yet</span>
						
					</div>
					<div class="form-group">
						<div class="conta">
							<br><img id="myImg" src="#" alt="" height=200 width=300>
							<div class="textover" id="textOver"></div>
						</div>
					</div>
					<div class="form-group">
						<button type="submit" id="check-disease" class="btn submit mt-4" hidden="hidden" onclick="checkDisease(event)">Check Disease</button>
					</div>
					<div class="form-group">
						<button type="button" class="btn" id="reset-button" hidden="hidden" onclick="Reset()">Reset</button>
					</div>
				</form>
			</div>
		</div>
    </section>
    


	<!-- //login -->

	<!-- footer -->
	<footer class="py-5">
			<div class="container py-xl-5 py-lg-3">
				<div class="row">
					<div class="col-lg-7 w3l-footer">
						<!-- logo -->
						<div class="logo2">
							<h2>
								<a href="index.html">Diagnosis</a>
							</h2>
						</div>
						<!-- //logo -->
						<p class="mt-4 text-li">Disease Prediction Application Based on Medical Imaging implementing Deep Learning and Python.
							 The project will include the diagnosis for Breast Cancer, Malaria and Parkinson's disease.” </p>
						<ul class="list-unstyled list-styles mt-lg-5 mt-4">
							<li>
								<p class="text-li"><span class="fa fa-location-arrow mr-2"></span>Morris Park, New York</p>
							</li>
							<li class="my-3">
								<p class="text-li"><span class="fa fa-phone mr-2"></span>1234567890</p>
							</li>
							<li>
								<a href="mailto:info@example.com" class="text-wh"><span class="fa fa-envelope-open mr-2"></span>mail@example.com</a>
							</li>
						</ul>
					</div>
					<div class="col-lg-5 w3l-footer mt-lg-0 mt-5">
						<h3 class="mb-sm-4 mb-3 text-wh">Partners</h3>
						<ul class="list-unstyled list-part text-wh pt-lg-3">
							<li><span class="fa fa-500px" aria-hidden="true"></span></li>
							<li class="mx-4"><span class="fa fa-gg" aria-hidden="true"></span></li>
							<li><span class="fa fa-lastfm" aria-hidden="true"></span></li>
							<li class="mx-4"><span class="fa fa-openid" aria-hidden="true"></span></li>
							<li><span class="fa fa-angellist" aria-hidden="true"></span></li>
						</ul>
						<div class="n-right-w3ls mt-5 pt-lg-4">
							<h3 class="mb-sm-4 mb-3 text-wh">Newsletter</h3>
							<form action="#" method="post">
								<div class="row pt-2">
									<div class="col-8 form-group">
										<input class="form-control" type="email" name="Email" placeholder="Email Address" required="">
									</div>
									<div class="col-4 form-group p-sm-0 pl-0">
										<button class="form-control submit btn font-weight-bold" type="submit">Subscribe</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</footer>


</body>

</html>